1、keep-alive 用法(官方):

Props

include - 字符串或正则表达式。只有匹配的组件会被缓存。
exclude - 字符串或正则表达式。任何匹配的组件都不会被缓存。

用法

<keep-alive> 包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。和 <transition> 相似,<keep-alive> 是一个抽象组件:它自身不会渲染一个 DOM 元素,也不会出现在父组件链中。

2、当一个组件a.vue被缓存的时候,那么第一次加载这个组件的时候,会执行组件的所有周期函数created()、mounted()等等,但是第二次打开a组件时,就不会触发这些生命周期钩子函数,但是会触发activated 和 deactivated这两个钩子函数(因为被缓存了);

也可以直接去官网查阅相关资料 keep-alive相关...


huangsh
281 声望16 粉丝

灵魂和皮囊能够握手言和,面子和里子能够始终如一。